<!--
    defineModel - vue3.3 实验使用（需要改配置），vue3.4 后正式使用
    让在标签上 v-model 绑定的数据，不用先使用 props 接收，再用 emit 修改
    直接在所绑定组件中，使用 defineModel() 获取到数据，并直接修改
    &逆天机制&
-->
<script setup>
import {ref} from "vue";
import MyInput from "@/components/MyInput.vue";

const txt = ref('123456');
</script>

<template>
    <h3 style="text-align: center;">Vue3-Study</h3>
    <hr>
    <div>
        <MyInput v-model="txt"/>
        {{ txt }}
    </div>
</template>